/* 
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

$(document).ready(function(){
    
    $("table tr:nth-child(2n)").addClass("fundo");
    
    $("table tr td").each(function(i){
        var n = i + 1;
        var nomeColuna = $(this).text();

        $("td:nth-child("+n+")").hover(function(){
            $(this).addClass("destaque")
            .prepend("<div>Tootip</div>");
            $(this).click(function(){
                $("td").removeClass("destaque");
                $("td:contains("+nomeColuna+")").addClass("destaque");
            });
        }, function(){
            $(this).removeClass("destaque").find("div").remove();
        });
        
    });
    
    $("td").hover(function(){
        $(this).addClass("destaque")
        .prepend("<div>Tootip</div>");
    }, function(){
        $(this).removeClass("destaque").find("div").remove();
    });

});


